@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-box-sizing:border-box;margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
input, textarea{margin:0; padding:0; font-size:62.5%; vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul, li { list-style:none;} 
/* remember to define focus styles! */ 
:focus {outline:0;} 
/* remember to highlight inserts somehow! */ 
ins{ text-decoration: none; } 
del{ text-decoration: line-through; } 
/* tables still need 'cellspacing="0"' in the markup */ 
table{border-collapse:collapse; border-spacing: 0;}
body { background:#fff; font:12px/2.0 微软雅黑,arial,sans-serif; color:#333; padding-bottom:20px; -webkit-text-size-adjust: none; text-size-adjust: none; background:#e7e5e6;} 
a{text-decoration:none; color:#333;}
input,select,img{vertical-align:middle;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.top{width:100%;height:7.2rem; vertical-align:middle;background:#efefef;padding:1.4rem;}
.icon{padding-right:0.8rem; font-size:2.5rem; font-family:"微软雅黑";}
.top a{ float:right; background:#2ba2ca;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;margin-top:1rem;padding:0.4rem;color:#fff;}
video{margin-bottom:1rem;}
.person{width:100%;height:7rem; background:#fff;padding:0.8rem 0}
.per_l{ float:left;padding-left:1.4rem;}
.per_c_n{ font-size:1.4rem;}
.per_s{ display: inline-block;width:5rem;height:2rem; background:url(../img/icon0.jpg) no-repeat left center;padding-left:2rem;}
.per_sx{ display: inline-block;width:5rem;height:2rem; background:url(../img/icon1.jpg) no-repeat left center;padding-left:2rem;}
.per_r{float:right;padding-right:0.8rem;padding-top:0.3rem;}
.per_c{ float:left;padding-left:0.8rem;}
.center{margin-bottom:1.4rem;}
.center_1{margin-top:1.4rem;width:100%;background:#fff;padding:1.6rem 1.8rem}
.cent_1_t{height:3.3rem;line-height:3.3rem; background:url(../img/xmt.jpg) no-repeat left center;padding-left:4rem;}
.cent_1_t0{height:3.3rem;line-height:3.3rem; background:url(../img/xmt1.jpg) no-repeat left center;padding-left:4rem;}
.cent_1_t1{height:3.3rem;line-height:3.3rem; background:url(../img/xmt2.jpg) no-repeat left center;padding-left:4rem;}
.vision{width:100%; background:#fff;padding:1.6rem 1.8rem;margin-bottom:1.4rem;}
.cent_1_t2{height:3.3rem;line-height:3.3rem;background:url(../img/xmt3.jpg) no-repeat left center;padding-left:4rem;margin-bottom:1.4rem;}
.ship{ float:left;width:45%;height:8rem; overflow:hidden;}
.ship img{width:12.4rem;height:8.2rem;}
.vision li{height:9rem;}
.title{width:55%; float:left;padding-left:1rem;padding-top:0.8rem; font-size:1.4rem;color:#000;}
.message{padding-left:1.2rem;}
.text{width:74%;height:3rem; background:#fff;}
.button{width:20%;height:3rem;background:#fff;}

.con h3{margin:0;padding:0;height:3rem; background:url(../img/dbb.png) repeat-x;line-height:3rem; font-size:1.4rem; font-weight:400; font-family:"微软雅黑";margin-top:-0.6rem;color:#fff;}
.bg{ position:relative;margin-bottom:0.8rem;}
.bg img{width:100%;height:50%;}
.mask{ position:absolute;bottom:0;left:0;width:100%;height:5rem; background:#666;background-color:rgba(0,0,0,0.2);}
.mask h4{ font-size:1.6rem; font-family:"微软雅黑"; font-weight:200;}
.mask h4,.mask span{color:#fff;}
.mask span{font-size:1rem;}
.gk{margin-left:1rem; display:inline-block;width:1rem;height:2rem; background:url(../img/gk.png) no-repeat;padding-left:2rem;margin-bottom:1rem;}
.shijian{padding-left:5rem;}
.sheare{width:1rem;height:2rem; position:absolute;right:1rem;bottom:0.6rem;}
.live{width:100%;}
.live img{width:100%;height:50%;}

.tupia{width:100%;}
.tupia img{width:100%;height:50%;}
.hood{padding:1rem; background:#fff;}
.hood h3{color:#42a7ef;}
.hood p{line-height:2rem;}









